.debug-box{
    position:absolute;
    width:600px;
    height:400px;
    padding:20px 0;
    background:#fff;
    border-radius: 4px;box-shadow: 0 0 25px rgb(0,0,0,0.2);box-sizing: border-box;top:50%;left:50%;margin-top:-200px;margin-left:-300px;z-index:999999999;
    .debugbox-title{
        position:relative;height:30px;line-height:30px;width:100%;text-align:center;box-sizing: border-box;font-size:15px;font-weight:600;color:#000;
    }
    .debug-params-box{
        position:relative;width:100%;height:290px;box-sizing: border-box;padding:10px 20px;padding-bottom:0;overflow:auto;
        .debugbox-urlinputbox{
            position:relative;width:100%;height:30px;box-sizing: border-box;padding-left:120px;margin-bottom:20px;
            .url-label{
                position:absolute;width:120px;height:30px;line-height:30px;text-align:right;left:0;top:0;box-sizing: border-box;display:inline-block;padding-right:20px;font-size:13px;color:rgba(9,30,66,0.9);
            }
            .debut-url-input{
                position:relative;outline:none;display:inline-block;border:0;box-sizing: border-box;border-bottom:1px solid rgba(9,30,66,0.4);height:30px;line-height:29px;color:#000;font-size:13px;width:100%;
            }
        }
        .debugbox-cookies{
            position:relative;width:100%;box-sizing: border-box;padding-left:120px;padding-right:30px;margin-bottom:20px;
            .cookies-label{
                position:absolute;width:120px;height:30px;line-height:30px;text-align:right;left:0;top:0;box-sizing: border-box;display:inline-block;padding-right:20px;font-size:13px;color:rgba(9,30,66,0.9);
            }
            .cookies-box{
                position:relative;width:100%;box-sizing: border-box;
                .cookie-item{
                    position:realtive;height:30px;width:100%;margin-bottom:20px;box-sizing: border-box;
                    .cookie-key{
                        position:relative;display:inline-block;border-radius:2px;height:30px;line-height:20px;width:100px;font-size:13px;color:#000;padding:5px;box-sizing: border-box;border:1px solid rgba(9,30,66,0.4);
                    }
                    .cookievalue-split{
                        position:realtive;display:inline-block;width:15px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#000;font-weight:600;box-sizing: border-box;
                    }
                    .cookie-val{
                        position:relative;display:inline-block;height:30px;border-radius:2px;line-height:20px;width:200px;font-size:13px;color:#000;padding:5px;box-sizing: border-box;border:1px solid rgba(9,30,66,0.4);
                    }
                }
            }
            .add-cookie{
                position:absolute;border-radius: 50%;width:30px;height:30px;line-height:24px;text-align:center;font-size:25px;color:#000;top:0;right:0;border:1px solid rgba(9,30,66,0.4);box-sizing: border-box;
            }
        }
        .debugbox-vconsolebox{
            position:relative;width:100%;height:30px;box-sizing: border-box;padding-left:120px;margin-bottom:20px;
            .vconsole-label{
                position:absolute;width:120px;height:30px;line-height:30px;text-align:right;left:0;top:0;box-sizing: border-box;display:inline-block;padding-right:20px;font-size:13px;color:rgba(9,30,66,0.9);
            }
            .open-vconsole-wrap{
                position:relative;box-sizing: border-box;height:30px;width:70px;border-radius: 15px;background:rgba(9,30,66,0.1);
                .open-vconsole-icon{
                    position:absolute;display:block;width:28px;height:28px;border-radius:15px;box-sizing: border-box;top:1px;left:1px;background:#fff;box-shadow:0 0px 1px rgba(0,0,0,0.2);
                }
                &.off{
                    background:rgba(9,30,66,0.1);
                }
                &.on{
                    background: '#0cc124';
                }
            }
        }
        .debugbox-themesbox{
            position:relative;width:100%;height:30px;box-sizing: border-box;padding-left:120px;margin-bottom:20px;
            .themes-label{
                position:absolute;width:120px;height:30px;line-height:30px;text-align:right;left:0;top:0;box-sizing: border-box;display:inline-block;padding-right:20px;font-size:13px;color:rgba(9,30,66,0.9);
            }
            .change-themes{
                position:relative;background: #10a279;border-radius: 15px;color: white;text-align:center;font-size: 14px;width:70px;height:30px;line-height:30px;
            }
        }
    }
    .debug-btns-box{
        position:relative;width:100%;height:40px;padding: 0 20px;box-sizing: border-box;
        .debug-ok{
            position:relative;padding:0 20px;border:0;outline:none;height:40px;box-sizing: border-box;line-height:40px;border-radius: 2px;float:right;background: linear-gradient(236deg, #B6E636 0%, #0DC0CF 100%);color:#fff;font-size:13px;font-weight:400;font-family: PingFangSC-Regular, PingFang SC;
        }
        .debug-cancel{
            position:relative;padding:0 20px;border:0;outline:none;height:40px;box-sizing: border-box;line-height:40px;border-radius: 2px;float:right;margin-right:25px;background-color: rgba(9,30,66,0.04);color: #42526e;font-size:13px;font-weight:400;font-family: PingFangSC-Regular, PingFang SC;
        }
    }
}
